﻿<div data-role="page" id="forums" createFunc="PagesScripts.forumPosts.initHandlers()" initFunc="PagesScripts.forumPosts.loadForumPosts()">
	<div data-role="header" data-theme="a" data-position="fixed" data-tap-toggle="false">
		<a data-theme="a" data-role="button" onClick="PagesScripts.post.startNewPost()" data-icon="plus" data-iconpos="notext"></a>
		<h1 id="forum_name_title"></h1>
		<a data-theme="a" data-role="button" ontouchstart="event.preventDefault();PageManager.changePage('../forums');" class="ui-btn-right">פורומים</a>
	</div>
	<div id="wrapper" style="left:0;">
        <div id="scroller">
        	<div id="pullDown">
                <span class="pullDownIcon"></span><span class="pullDownLabel">משוך לרענון...</span>
        	</div>
        	<ul data-role="listview" id="posts_list"></ul>
			<div>
				<table align="center" cellspacing="5" id="forumPagingContainer" style="display:none;max-width:320px;">
					<tr>
						<td width="80"><a id="forumPagePrev" data-role="button" data-mini="true" onClick="PagesScripts.forumPosts.incPage(-1)" data-theme="b">לעמוד הקודם</a></td>
						<td width="100%" align="center">עמוד מספר <span id="forumPageNum"></span></td>
						<td width="80"><a id="forumPageNext" data-role="button" data-mini="true" onClick="PagesScripts.forumPosts.incPage(1)" data-theme="b">לעמוד הבא</a></td>
					</tr>
				</table>
			</table>
    	</div>
	</div>
	<div data-role="footer" data-theme="a" data-id="main-footer" data-position="fixed" data-tap-toggle="false">
		<div data-role="navbar">
			<ul>
				<!--class="ui-btn-active ui-state-persist"-->
				<li><a href="forums.html" ontouchstart="event.preventDefault();PageManager.changePage('../forums');" data-theme="a" data-icon="grid" class="ui-btn-active ui-state-persist">פורומים</a></li>
				<li><a href="bookmarks.html" ontouchstart="event.preventDefault();PageManager.changePage('../bookmarks');" data-theme="a" data-icon="star">מועדפים</a></li>
				<li><a href="splash.html" ontouchstart="event.preventDefault();PageManager.changePage('../splash');" data-theme="a" data-icon="home">תפריט ראשי</a></li>
			</ul>
		</div><!-- /navbar -->
	</div>
	<div data-role="popup" id="postNew" data-overlay-theme="a" data-theme="c" style="max-width:400px;" class="ui-corner-all">
		<div data-role="header" data-theme="a">
			<h1>כתיבת הודעה</h1>
		</div>
		<div data-role="content" style="min-width:250px;">
			<table align="center" cellpadding="2" cellspacing="0">
				<tr>
					<td colspan="2">
						<table cellpadding="0" cellspacing="0">
							<tr>
								<td>אייקון:</td>
								<td id="postNewIconContainer"><input data-theme="a" id="postNewIconType" style="display:none;"/></td>
							</tr>
						</table>
						כותרת:<br/>
						<input type="text" id="postNewTitle"/>
						גוף ההודעה:<br/>
						<textarea id="postNewBody" style="height:90px;max-height:90px;"></textarea>
					</td>
				</tr>
				<tr>
					<td>
						<a data-role="button" data-rel="back" data-theme="c">ביטול</a>
					</td>					
					<td>
						<a id="postNewSendButton" class="ui-disabled" onClick="PagesScripts.post.sendPost()" data-role="button" data-rel="back" data-theme="b">שלח הודעה</a>
					</td>					
				</tr>
			</table>
		</div>
	</div>	
</div>